<style type="text/css" media="screen">@import "<:$ctx:>/css/iphone/style.css";</style>
<script type="text/javascript" charset="utf-8">
	// disable ios entire page scrolling
	document.body.addEventListener('touchmove', function(event) {
		event.preventDefault();
	}, false);
	
    var jQT = new $.jQTouch({
        icon: '<:$ctx:>/images/iphone/stylepad.png',
        icon4: '<:$ctx:>/images/iphone/stylepad4.png',
        addGlossToIcon: true,
        startupScreen: '<:$ctx:>/images/iphone/stylepad_startup.png',
        statusBar: 'black',
        preloadImages: [
            '<:$ctx:>/script/themes/apple/img/activeButton.png',
            '<:$ctx:>/script/themes/apple/img/back_button.png',
            '<:$ctx:>/script/themes/apple/img/back_button_clicked.png',
            '<:$ctx:>/script/themes/apple/img/blueButton.png',
            '<:$ctx:>/script/themes/apple/img/button.png',
            '<:$ctx:>/script/themes/apple/img/button_clicked.png',
            '<:$ctx:>/script/themes/apple/img/grayButton.png',
            '<:$ctx:>/script/themes/apple/img/greenButton.png',
            '<:$ctx:>/script/themes/apple/img/redButton.png',
            '<:$ctx:>/script/themes/apple/img/whiteButton.png',
            '<:$ctx:>/script/themes/apple/img/loading.gif'
            ]
    });
    
    $(function(){
        // Orientation callback event
        $('#jqt').bind('turn', function(e, data){
            $('#orient').html('Orientation: ' + data.orientation);
        });
    });
</script>